*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
.finger-restaurant{
  .notice{
    background: #f2f2f2;
    padding-top: .1rem;
    .box{
      border-top: 1px solid #c5c5c5;
      .item-row{
        display: -webkit-box;
        .item{
          background: #fff;
          width: 50%;
          text-align: center;
          border-right: 1px solid #c5c5c5;
          div{
            border-bottom: 1px solid #c5c5c5;
            padding: .25rem;
            height: 1.1rem;
            background: #fff;
            span{
              display: block;
              height: .3rem;
              color: #3b3b3b;
            }
            p{
              line-height: .3rem;
              color: #3b3b3b;
            }
          }
        }
      }
      .cumulative:after{
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          height: 1px;
          content: '';
          webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
          background-color: #c8c7cc;
      }
      .mui-input-row {
        display: block;
        position: relative;
        padding: .11rem .15rem;
        font-size: 0.15rem;
        line-height: .3rem;
        background: #fff;
        color: #3b3b3b;
        overflow: hidden;
        //&.active {
        //  color: #01bfcb;
        //  background-color: #01bfcb;
        //}
        //.mui-switch{
        //
        //  border: .02rem solid #01bfcb;
        //  &.mui-active {
        //    color: #01bfcb;
        //    background-color: #01bfcb;
        //  }
        //}
        &:before {
          position: absolute;
          right: 0;
          top: 0;
          left: 0;
          height: 1px;
          content: '';
          -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
          background-color: #c8c7cc;
        }

        &:after {
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          height: 1px;
          content: '';
          -webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
          background-color: #c8c7cc;
        }

        .device-name {
          width: 1.2rem;
          margin-top: .12rem;
          float: left;
          line-height: inherit;

          p {
            font-size: .15rem;
            font-weight: inherit;
            color: inherit;
            &.black{
              color: #3b3b3b;;
            }
            &:first-child{
              float: left;
            }
            &:last-child{
              float: right;
              color: #01bfcb;
            }
          }
        }

        .radio {
          position: relative;
          float: right;
          line-height: inherit;
        }

      }
      .showing{
        background: #fff;
        color:#3b3b3b;
        &:before{
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          height: 1px;
          content: '';
          webkit-transform: scaleY(0.5);
          transform: scaleY(0.5);
          background-color: #c8c7cc;
        }
        &:nth-child(4){
          margin-top: .1rem;
          &:after{
            position: absolute;
            right: 0;
            top: 0;
            left: 0;
            height: 1px;
            content: '';
            webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
            background-color: #c8c7cc;
          }
        }
      }
    }
    .choose-link{
      &:nth-child(3){
        margin-top: .1rem;
      }
      .text{
        color: #3b3b3b;
      }
      li{
        font-size: 0.16rem;
        color: #3b3b3b;
        background: white;
        .text{
          display: block;
          line-height: 0.4rem;
          height: 0.4rem;
          float: left;
        }
        .text-rg{
          display: block;
          line-height: 0.3rem;
          height: 0.3rem;
          float: right;
        }
        .time-far{
          line-height: .4rem;
          padding: .11rem .15rem;
        }
        a{
          line-height: .4rem;
        }
      }
      .float-right{
        width:32%;
        margin-bottom: 0;
      }

    }
  }
}

.mui-dtpicker-title{
  text-align: center;
  h5{
    &:first-child{
      display: none;
    }
    &:nth-child(2){
      display: none;
    }
    &:nth-child(3){
      display: none;
    }
  }
}
.mui-dtpicker-body{
  left: 1.13rem;
  .mui-picker{
    &:first-child{
      display: none;
    }
    &:nth-child(2){
      display: none;
    }
    &:nth-child(3){
      display: none;
    }
  }
}
